<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jeth-Ro</title>
<link rel="stylesheet" type="text/css" href="includes/css/styles.css" />
<link href="includes/css/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
<link href="includes/css/samples.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="includes/js/SpryTabbedPanels.js"></script>

</head>

<body>
</div>
<div id="CASE-Wrap">
	<div class="Header-1st-Sec">
			<div class="Header-1st-Sub-Left"><a href="#"><span class="Header-1st-Sub-Left"><img src="images/logo.png" width="307" height="200" /></span></a></div>
            <div class="Header-1st-Sub-Right">
            	<div class="Main-Menu">
                	<ul>
                    	<li><a href="#"><img src="images/menu/home.png" width="69" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/installation.png" width="88" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/client_DL.png" width="117" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/register.png" width="69" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/forum.png" width="58" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/Control_panel.png" width="93" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/contact.png" width="62" height="43" /></a></li>
                        <li><a href="#"><img src="images/menu/Server.png" width="122" height="43" /></a></li>
                        <li><img src="images/menu/space.png" width="83" height="43" /></li>
                    </ul>
                </div>
                <div class="DIM"></div>
                <div class="Announcement-SEC">
                <div class="Server-TIME"> Server time <span class="SVR-TIME">( 12:00 )</span></div>
                <div class="Announcement-Banner"><img src="images/announcements/guildwars.png" width="444" height="82" /></div>
            	</div>
      		</div>
    </div>
    <div class="CLR"></div>
	<div class="Body-top">
    	<div class="Help-Menu">
				<ul>
					<li><a href="#">NEED INSTALLER</a></li>
                    <li><a href="#">JOIN TO THIS PRIVATE SERVER</a></li>
                    <li><a href="#">RO PATCH</a></li>
                    <li><a href="#">DOWNLOAD GAME GUIDE</a></li>
                </ul>    
    	</div> <!-- Help -->
        <div class="UPDATE-Board">
        	<script type="text/javascript">

/***********************************************
* DD Tab Menu II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display (or "" if no corresponding tab content)]:
var initialtab=[1, "sc1"]

//Turn menu into single level image tabs (completely hides 2nd level)?
var turntosingle=0 //0 for no (default), 1 for yes

//Disable hyperlinks in 1st level tab images?
var disabletablinks=0 //0 for no (default), 1 for yes


////////Stop editting////////////////

var previoustab=""

if (turntosingle==1)
document.write('<style type="text/css">\n#tabcontentcontainer{display: none;}\n</style>')

function expandcontent(cid, aobject){
if (disabletablinks==1)
aobject.onclick=new Function("return false")
if (document.getElementById && turntosingle==0){
highlighttab(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
if (cid!=""){
document.getElementById(cid).style.display="block"
previoustab=cid
}
}
}

function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collectddimagetabs()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].className=""
aobject.className="current"
}

function collectddimagetabs(){
var tabobj=document.getElementById("ddimagetabs")
tabobjlinks=tabobj.getElementsByTagName("A")
}

function do_onload(){
collectddimagetabs()
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

</script>
        <div style=" width:413px; float:left;">
		<div id="ddimagetabs" class="TAB_">
       		<ul>
    			<li><a href="#" onClick="expandcontent('sc1', this)">Event</a></li>
    			<li><a href="#" onClick="expandcontent('sc2', this)">Update</a></li>
    			<li><a href="#" onClick="expandcontent('sc3', this)">News</a></li>
			</ul>
        </div>
	</div>
    <div style=" clear:both;"></div>
    <div style="margin-top:12px; margin-left:21px;">
    		<DIV id="tabcontentcontainer">
				<div id="sc1" class="tabcontent">update</div>
				<div id="sc2" class="tabcontent">event</div>
				<div id="sc3" class="tabcontent">news</div>
			</DIV>
    </div>
        </div> <!-- spry -->
        <div style="float:left;"> <img src="images/itemshop.png" width="224" height="187" /></div>	<!-- iTEM sHOP -->
    </div>
    <div class="CLR"></div>
    <div class="BODY-CONTENTS">
   	  <div class="LEFT-MENU">
        	<div class="HOF">
       	    <img src="images/hall_OF_FAMERS.png" alt="Hall of Famers" /><br />
            <span>Best of the best players</span>
            <div class="HOF_li">
            	<ul>
                	<li><a href="#">Players Name here</a></li>
                    <li><a href="#">Players Name here</a></li>
                    <li><a href="#">Players Name here</a></li>
                    <li><a href="#">Players Name here</a></li>
                    <li><a href="#">Players Name here</a></li>
                    <li><a href="#">Players Name here</a></li>
                   
                </ul>
            </div>
            </div> <!-- Hall of famers -->
           	<div class="Downloads">
       	  <img src="images/downloads.png" width="197" height="65" />
<ul>
   <li> <a href="#"><img src="images/downloads/gamedl.png" class="domroll images/downloads/gamedl_hover.png" /></a>
   </li>
   <li><a href="#"><img src="images/downloads/PATCH.png" class="domroll images/downloads/PATCH_hover.png " /></a></li>
   <li><a href="#"><img src="images/downloads/wallpapers.png" class="domroll images/downloads/wallpapers_hover.png "/></a></li>
                <li><a href="#"><img src="images/downloads/MMedia.png" class="domroll images/downloads/MMedia_hover.png " /></a></li>
            </ul>
          </div> <!-- downloads -->
          	<div style=" margin-left:5px;"> <a href="#"><img src="images/downloads/donate.png"/></a> <a href="#"><img src="images/downloads/vote_fot_points.png" width="205" height="70" /></a></div> <!-- donate / vote for points -->
        	<div class="Videos">
            <img src="images/videos.png" />
            <div class="V_li">
            	<ul>
                	<li><a href="#">Video Title Here</a></li>
                    <li><a href="#">Video Title Here</a></li>
                    <li><a href="#">Video Title Here</a></li>
                    <li><a href="#">Video Title Here</a></li>
                    <li><a href="#">Video Title Here</a></li>
                    <li> <a href="#">Video Title Here</a> </li>
                   
                </ul>
            </div>
            </div>
      </div> <!-- LEFT -->
      <div class="CENTER-MENU"> <!-- dynamic content START -->
        
       	  	<div class="SHOP-ITEM">
            <span class="SHOP-TITLE">ITEMS</span> <br />
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dumm
y text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into</div>
			<div class="CLR">
           <div style=" width:390px; height:164px; border:solid 1px #ecdbc7; background:#f5f5f5;">
<div style="float:left; padding-top:8px; padding-left:10px;">
<img src="images/shop.png" width="41" height="16" /></div>
<div class="TabbedPanels" id="tp1" style="float:inherit;">
  <ul class="TabbedPanelsTabGroup" style=" margin-left:240px; margin-top:5px;">
    <li class="TabbedPanelsTab" tabindex="0">Item</li>
    <li class="TabbedPanelsTab" tabindex="0">Pet</li>

  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent" style="display: none; ">
    	 
         ITEM HERE
    		
    </div>
    <div class="TabbedPanelsContent" style="display: none; ">
 
        
      PET HERE
    
    </div>
  
  </div>
</div>

</div>




<script language="JavaScript" type="text/javascript">
var tp1 = new Spry.Widget.TabbedPanels("tp1", { defaultTab: 2 });
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3");
var TabbedPanels4 = new Spry.Widget.TabbedPanels("TabbedPanels4");
var TabbedPanels6 = new Spry.Widget.TabbedPanels("TabbedPanels6");
</script>
            </div>
        	<div class="NUM-TAB"><img src="images/dummygallery.jpg"/></div>
            	<div class="CLR"></div>
            <div class="SEC-3">
       	    <div class="KNOW-HOW-CASE">
                	<div class="Know-how">
           	    		<img src="images/know_how.png" /><br />
                			<ul>
                            	<li><a href="#">Sample Know how here</a></li>
                                <li><a href="#">Sample Know how here</a></li>
                                <li><a href="#">Sample Know how here</a></li>
                                <li><a href="#">Sample Know how here</a></li>
                                <li><a href="#">Sample Know how here</a></li>
                                <li><a href="#">Sample Know how here</a></li>
                            </ul>
                	</div>
              </div>
                <div class="SCREEN-SHOT-Holder">
                
                	<div>
                    <img src="images/screen_shots.png"/>
					<div class="Screen-Shot-CASE">
                    <div style=" width:163px; height:96px; border:solid 1px #f9d385;">
                      <img src="images/screenshots/sample.png"/></div>
                    
                    </div>
                  </div>
                </div>
            	
            
            </div>
        
      </div><!-- CENTER dynamic content END -->
      <div class="RIGHT-MENU">
        	<div class="News">
            <div><img src="images/news/GeT_UPDATED.png"  /></div>
            <ul>
            	<li>
                	<div>
                    	<div class="News_IMAGECASE"><img src="images/news/sample1.png"/></div>
                        <div class="News_IMAGE-INFO">
                        	<div class="NIMG_TITLE">TITLE HERE</div>
                            <div class="NIMG_DESCRIPTION">Lorem Ipsum is simply dummy text of the printing and</div>
                            <div class="NIMG_AUTHOR">Author</div>
                        </div>
                    </div>
                </li>
                <li>
                	<div>
                    	<div class="News_IMAGECASE"><img src="images/news/sample1.png"/></div>
                        <div class="News_IMAGE-INFO">
                        	<div class="NIMG_TITLE">TITLE HERE</div>
                            <div class="NIMG_DESCRIPTION">Lorem Ipsum is simply dummy text of the printing and</div>
                            <div class="NIMG_AUTHOR">Author</div>
                        </div>
                    </div>
                </li>
                <li>
                	<div>
                    	<div class="News_IMAGECASE"><img src="images/news/sample1.png"/></div>
                        <div class="News_IMAGE-INFO">
                        	<div class="NIMG_TITLE">TITLE HERE</div>
                            <div class="NIMG_DESCRIPTION">Lorem Ipsum is simply dummy text of the printing and</div>
                            <div class="NIMG_AUTHOR">Author</div>
                        </div>
                    </div>
                </li>
            </ul>
            </div> <!-- News -->
            <div>
            	<div class="FAQ">
                	<ul>
                    	<li><img src="images/FAQ/b1.png" align="absmiddle"/> sampul kwestyon heer</li>
                        <li><img src="images/FAQ/b2.png" align="absmiddle"/> sampul kwestyon heer</li>
                        <li><img src="images/FAQ/b3.png" align="absmiddle"/> sampul kwestyon heer</li>
                    </ul>
                </div><!-- FAQ -->
                <div style="margin-left:2px;">
           	    <img src="images/q/q_bg.jpg" /></div><!-- q -->
            </div> 
        </div> <!-- RIGHT -->
    </div>
    
    
</div>
<script src="chrisdomroll.js"></script>
</body>
</html>
<a href=""